<template>
  <!-- 轮播 大 -->
  <el-carousel :interval="interval" :arrow="arrow" :height="height">
    <el-carousel-item v-for="(item,index) in bannerList" :key="index">
      <img
        class="carousel-img"
        width="100%"
        :style="{ height: height }"
        :src="item.url"
      />
    </el-carousel-item>
  </el-carousel>
</template>
<script>
export default {
  name: "skySwiper",
  props: {
    height: {
      type: String,
      default: "500px",
    },
    interval: {
      type: Number,
      default: 50000,
    },
    bannerList: {
      type: Array,
      default: () => [],
    },
    arrow: {
      type: String,
      default: "always",
    },
  },
};
</script>

<style lang="less" scoped>
.carousel-img {
  width: 100%;
  object-fit: cover;
  cursor: pointer;
}
</style>